<template>
    <!--轮播图子组件-->
    <!--将来哪里使用轮播图组件，哪里提供传递 lunbotuList -->
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in lunbotuList" :key="item.img">
        <a :href="item.url">
          <img :src="item.img" alt="" :class="{'full':isfull}" />
        </a>
      </mt-swipe-item>
    </mt-swipe>
</template>
<script>
export default {
    props:["lunbotuList","isfull"]//父组件传值
}
</script>
<style lang="less" scoped>
.mint-swipe {
  height: 120px;
  /*.mint-swipe-item:nth-child(1){
        background:red;
    }*/
  .mint-swipe-item {
    text-align: center;
    /*&:nth-child(1) {
      background: red;
    }
    &:nth-child(2) {
      background: blue;
    }
    &:nth-child(3) {
      background: green;
    }*/
    img {
      height: 100%;
    }
  }
  .full{
      width:100%;
  }
}
</style>